@function vw($px){
    @return $px / 720 * 100vw;
}
*{
    box-sizing: border-box;
}
body{
    background-color: #20201e;
}
header{
    width: 100%;
    height: vw(100);
    padding: vw(20) vw(15) 0;
    display: flex;
    justify-content: space-between;
    >a{
        >img{
            width: vw(58);
            height: vw(58);
        }
    }

    >div{
        width: vw(548);
        height: vw(55);
        border: 1px solid white;
        border-radius: vw(30);
        vertical-align: middle;
        padding-left: vw(12);
        >img{
            width: vw(32);
            height: vw(30);
            vertical-align: middle;
            margin-right: vw(22);
        }
        >input{
            display: inline-block;
            width: vw(436);
            height: vw(50);
            outline: none;
            background-color:  #20201e;
            border: none;
            font-size: vw(16);
            color: #c5c5c5;
            vertical-align: middle;
            line-height: vw(50);
        }
    }

}

section{
    text-align: center;
    height: vw(1152);
    hr{
        display: inline-block;
        width: vw(688);
        height: vw(1);
        color: #524e4d;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .login{
        >img{
            width: vw(150);
            height: vw(150);
            margin-top: vw(96);
            margin-bottom: vw(25);
        }
        >a{
            &:nth-of-type(1){
                font-size: vw(30);
                color: white;
                margin-bottom: vw(14);
                display: block;
            }
            &:nth-of-type(2){
                font-size: vw(25);
                color: #303030;
                text-decoration: underline;
                display: block;
                margin-bottom: vw(70);
            }
        }
    }

    .graygray{
        height: vw(28);
        background-color: #303030;
    }

    .login-bottom{
        >ul{
            margin-left: vw(36);
            >li{
                padding-top: vw(55);
                width: vw(647);
                height: vw(102);
                border-bottom: 1px solid #303030;
                display: flex;
                justify-content: space-between;

                >p{
                    font-size: vw(30);
                    color: white;
                }

                &:nth-of-type(4){
                    border: 0;
                }
            }
        }
    }
}